<template>
  <div>
    <el-card
      v-for="item in data"
      :key="item.id"
      :body-style="{'padding':'0'}"
      style="height:132px;margin-top:3px;"
    >
      <div style="float:left;width:20%;height:130px;border:1px solid #39f">
        <el-image :src="url" style="width: 100px; height: 130px;margin:auto"></el-image>
      </div>
      <div style="float:left;width:75%;height:130px;border:0px solid red">
        <p style="font-size:30px;"><a href="#">《{{item.booName}}》</a></p>
        <br>
        <p>
          <label style="margin-left:10px;">
            <b>作者：</b>{{item.author}}
          </label>
          <label style="margin-left:10px;">
            <b>出版社：</b>{{item.press}}
          </label>
          <label style="margin-left:10px;">
            <b>出版日期：</b>{{item.pubDate}}
          </label>
        </p>
        <p>
          <b>简介：</b>{{item.info}}
        </p>
      </div>
    </el-card>
  </div>
</template>

<script>
export default {
  name: "book-view-card",
  props: ["data"],
  data(){
    return{
      url:'http://pic94.nipic.com/file/20160404/22867210_202358111199_2.jpg'
    }
  }

};
</script>

<style scoped>
.book-div {
  float: left;
  height: 100px;
}
</style>
